﻿*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img{border:0;margin:0;padding:0;}
body{min-width:1200px; margin:auto;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif; color:#666;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
em{font-style:normal;}
/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#4096ff; text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}
/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

.top_bg{width:100%; height:180px; margin:auto; background:#fff; position:fixed; top:0; left:0; right:0; z-index:9999;}
.w1200{width:1200px; margin:auto; position:relative;}
.logo{float:left; margin-top:20px;}

.search{width:320px; float:left; margin:50px 0 0 63px; position:relative;}
.search_bg{width:258px; height:40px; float:left; border-radius:8px 0 0 8px; background:#fff; border:1px solid #ddd; border-right:none;}
.search_bk{width:100%; float:left; line-height:38px; background:none; border:none; font-size:14px; padding-left:20px; font-family:Arial; color:#999;}
.search_btn{width:62px; height:40px; position:absolute; top:0; right:0;}

.top_rdh{float:right; background:url(../images/top_tel_tb.jpg) left no-repeat; padding-left:60px; margin-top:40px;}
.top_rdh h3{font-size:30px; font-family:Arial; color:#4096ff; line-height:30px; font-weight:bold;}

.nav_bg{height:60px; margin:20px auto 0; background:#4096ff;}
.navMenu{width:980px; float:left;}
.navMenu>li{float:left; position:relative; line-height:60px; height:60px; font-size:16px; background:url(../images/menu_fgx.jpg) right no-repeat;}
.navMenu>li>a{padding:0 38px; color:#fff; text-transform:uppercase; display:block; position:relative;}
.navMenu>li>a:hover,.navMenu>li.on>a{color:#fff; background:#0073ff;}
		
/* navMenu */
.navMenubox{float:left;}
.navMenu>li{position:relative;}
.navMenu>li>ul.sub-menu{position:absolute; left:0; top:60px; z-index:3; display:none; background:#fff; width:180px; box-shadow:0 5px 5px #666;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e6e6e6;}
.navMenu>li>ul.sub-menu li:last-of-type{border-bottom:none;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:14px; line-height:35px; padding:0 35px; clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{background:#4096ff; color:#fff;}

.top_rlg{float:right; line-height:30px; background:url(../images/top_lgtb.png) left no-repeat; padding-left:40px; margin-top:15px; color:#fff;}
.top_rlg a{padding:0 5px; color:#fff;}
.top_rlg a:hover,.top_rlg a.on{color:#fff; font-weight:bold; text-decoration:underline;}

.flexslider{width:100%; height:100%; position:relative; overflow:hidden; margin-top:180px;}
.slides{position:relative;z-index:1;}
.slides li{height:100%;}
.slides li img{width:100%; display:block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.5, 1); transition: all 1s cubic-bezier(0.7, 0, 0.5, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.slides li.flex-active-slide img{-webkit-transform: scale(1); transform: scale(1);}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block; width:15px; height:15px; margin:0 5px;}
.flex-control-nav a{display:inline-block; width:15px; height:15px; line-height:40px; overflow:hidden; background:#999; border-radius:100%; cursor:pointer;}
.flex-control-nav .flex-active{background:#4096ff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:70px;height:67px;overflow:hidden;cursor:pointer;position:absolute;background-size:70px 67px !important;}
.flex-direction-nav li a.flex-prev{left:10%;background:url(../images/left1s.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10%;background:url(../images/right1s.png) center center no-repeat;}

.in_pro{width:1200px; margin:60px auto 0;}
.in_title{width:364px; height:84px; margin:auto; background:url(../images/in_titbg.png) center no-repeat; text-align:center;}
.in_title h1{font-size:30px; font-weight:bold; color:#fff; line-height:57px;}
.in_title h1 a{color:#fff;} .in_title h1 a:hover{color:#000;}
.in_title p{font-size:16px; color:#666; font-family:Arial; line-height:28px; font-weight:normal; text-transform:uppercase;}
.in_pro_img{width:1200px; margin:auto;}
.in_pro_img li{width:31%;float:left; overflow:hidden; margin:40px 3.5% 0 0;}
.in_pro_img li:nth-child(3n){margin-right:0;}
.in_pro_img li .protp{width:100%; height:0; padding-bottom:80%; overflow:hidden; position:relative;}
.in_pro_img li .protp a::before{content:''; width:700px; height:700px; position:absolute; top:-50%; border-radius:50%; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index:0; left:-40%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.in_pro_img li .protp a::after{content:'';background: url(../images/in_pro_tb.png) no-repeat center;background-size: auto auto;position: absolute;width: 100%;height:100%;left: 0;top: 0;background-size: 0px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.in_pro_img li:hover .protp a::before{box-shadow:0px 0px 0px 50rem rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.in_pro_img li:hover .protp a::after{background-size:50px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.in_pro_img li .protp img{width:100%;}
.in_pro_img li .prowz{width:100%; float:left;}
.in_pro_img li .prowz a{display:block; height:60px; border-bottom:1px solid #ececec; background:url(../images/in_pro_tb2.png) no-repeat right; text-align:left; font-size:18px; line-height:60px; transition:all .3s ease-in-out; color:#000;}
.in_pro_img li:hover .prowz a{background:#4096ff url(../images/in_pro_tb2h.png) 95% no-repeat; color:#fff; padding:0 20px;}

.in_aboutbg{height:657px; margin:60px auto 0; background:url(../images/in_aboutbg.jpg) center no-repeat; padding:60px 0;}
.in_about{width:1200px; margin:40px auto 0;}
.aboutL{width:560px;}
.aboutL h2{font-size:24px;color:#4096ff;margin-bottom:20px}
.aboutL h2 span{display:block;font-size:18px;color:#000;line-height:24px; font-family:Arial; text-transform:uppercase;}
.aboutL h2:after{content:""; display:block; width:120px; height:3px; background:#4096ff; margin-top:20px;}
.aboutL .txt{height:220px;margin-bottom:40px;font-size:14px;line-height:30px; color:#000;}
.aboutL .txt span{font-weight:bold;}
.aboutL .more{width:180px;height:40px;line-height:40px;text-align:center;background:#fff;color:#000;border-radius:23px;display:inline-block;-webkit-transition:0.3s; transition:0.3s; box-shadow:0 3px 8px #999;}
.aboutL .more:hover{width:220px;background:#4096ff; color:#fff;}
.aboutR{width:600px}
.aboutR li{float:left;width:200px;text-align:center}
.aboutR li .txt{height:200px;padding:20px;padding-top:40px; background:#fff;}
.aboutR li h4{font-size:18px; font-weight:bold; position:relative;color:#333;padding-bottom:20px;margin-bottom:15px}
.aboutR li h4:after{content:"";position:absolute;left:50%;bottom:0;background:#0079ce;height:1px;width:30px;margin-left:-15px}
.aboutR li .pic{display:block;width:200px;height:200px;overflow:hidden}
.aboutR li img{width:200px;height:200px;transition:all .5s}
.aboutR li:hover img{transform:scale(1.1)}

.in_hzhbbg{height:515px; margin:auto; background:url(../images/in_hzhbbg.jpg) center no-repeat; padding:40px 0;}
.in_hzhb_list{width:1200px; margin:25px auto 0;}
.in_hzhb_list .item{position:relative;float:left;margin:15px 1% 0 0;width:19%; overflow:hidden;border-radius:5px;box-shadow: 0 0 12px rgb(213, 213, 213);}
.in_hzhb_list .item:nth-child(5n){margin-right:0;}
.in_hzhb_list .pic{position:relative;width:100%;overflow:hidden;}
.in_hzhb_list .pic img{display:block;width:100%;}
.in_hzhb_list .item .text{display:none\9;position:absolute;top:0;left:0;width:100%;height:100%;line-height:140px;color:#fff;text-align:center;font-size:18px;opacity:0;transition:all 0.5s linear;}
.in_hzhb_list .item .text:before,.in_hzhb_list .item .text:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.in_hzhb_list .item .text:before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.in_hzhb_list .item .text:after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.in_hzhb_list .item:hover .text:before,.in_hzhb_list .item:hover .text:after{opacity:1;transform:scale(1);transition: all 1s;}
.in_hzhb_list .item:hover .text{opacity:1;background:#4096ff;}

.in_news{width:1200px; margin:60px auto 0;}
.in_newsnr{width:1200px; margin:40px auto 0;}
.in_newsl{width:340px; float:left; position:relative;}
.in_newsl_list{width:100%; float:left; overflow:hidden;}
.in_newsl_list ul{width:10000%; position:relative;}
.in_newsl_list ul li{width:1%; float:left; position:relative;}
.in_newsl_list ul li .pic{width:100%; float:left; overflow:hidden;}
.in_newsl_list ul li .pic img{width:100%; display:block; transition:all .5s; -webkit-transition:all .5s;}
.in_newsl_list ul li .pic img:hover{transform:scale(1.1); -webkit-transform:scale(1.1);}
.in_newsl_list ul li .text{width:100%; float:left; background:#fff; border:1px solid #d6d6d6; padding:20px;}
.in_newsl_list ul li .text h3{font-size:16px; line-height:24px; overflow:hidden; height:48px; color:#000;}
.in_newsl_list ul li .text h3 a{color:#000;}
.in_newsl_list ul li .text h3 a:hover{color:#4096ff;}
.in_newsl_list ul li .text h4{margin-top:15px; font-size:14px; background:url(../images/in_news_sjtb.jpg) left no-repeat; padding-left:25px; color:#999;} 
.in_newsl_list ul li .text p{font-size:12px; line-height:24px; margin-top:15px; text-align:justify; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;}
.in_news_l,.in_news_r{position:absolute; right:0; bottom:0; width:30px; height:30px; transition:0.3s; cursor:pointer; overflow:hidden;}
.in_news_l{right:30px; background:url(../images/in_news_l.jpg) center no-repeat;}
.in_news_l:hover{background:url(../images/in_news_lh.jpg) center no-repeat;}
.in_news_r{right:0; background:url(../images/in_news_r.jpg) center no-repeat;}
.in_news_r:hover{background:url(../images/in_news_rh.jpg) center no-repeat;}

.in_newsr{width:820px; float:right;}
.in_newsr_list{width:100%; float:left;}
.in_newsr_list li{width:100%; float:left; border-bottom:1px solid #d6d6d6; margin-bottom:46px;}
.in_newsr_list li:hover{border-color:#4096ff;}
.in_newsr_list li:last-of-type{margin-bottom:0;}
.in_newsr_list li .wznr{width:75%; float:left;}
.in_newsr_list li .wznr h3{font-size:18px; line-height:30px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.in_newsr_list li a .wznr h3{color:#000;}
.in_newsr_list li:hover a .wznr h3{color:#4096ff;}
.in_newsr_list li .wznr p{font-size:12px; line-height:24px; margin-top:6px; padding-bottom:10px;}
.in_newsr_list li .time{width:20%; height:120px; float:right; background:#e8e8ea; padding:25px 20px; text-align:center; font-family:Arial;}
.in_newsr_list li:hover .time{background:#4096ff;}
.in_newsr_list li .time h4{font-size:50px; line-height:50px; color:#333; font-weight:bold;}
.in_newsr_list li:hover .time h4{color:#fff;}
.in_newsr_list li .time p{font-size:16px;line-height:24px;}
.in_newsr_list li:hover .time p{color:#fff;}

.footer_bg{min-height:410px; margin:60px auto 0; background:url(../images/footer_bg.jpg) repeat; padding:50px 0 30px 0;}
.footer{width:1200px; margin:auto;}
.footer_text{width:55%;float:left;}
.foot_list{width:20%; float:left; margin-right:5%;}
.foot_list ul li{width:90%; float:left;}
.foot_list ul li:nth-child(5n){margin-right:0;}
.foot_list ul li.foot_l_bt a{color:#fff; font-size:16px; float:left; margin-bottom:5px; font-weight:bold;}
.foot_list ul li a{line-height:30px; font-size:14px; color:#fff;}
.foot_list ul li a:hover{color:#000;}
.footer_cont{width:330px; float:left; border-left:1px solid #66abff; padding-left:80px; min-height:220px;}
.footer_cont_tit{width:100%; float:left; font-size:16px; font-weight:bold; color:#fff;}
.footer_cont_wz{width:100%; float:left; margin-top:10px; line-height:30px; font-size:14px; color:#fff;}
.footer_cont_tit a,.footer_cont_wz a,.copy a{color:#fff;} 
.footer_cont_tit a:hover,.footer_cont_wz a:hover,.copy a:hover{color:#000;}

.footer_ewm{width:140px; float:right;}
.footer_ewm img{width:140px; height:140px; float:left;}
.footer_ewm p{width:100%; float:left; font-size:14px; text-align:center; margin-top:10px; color:#fff;}

.copy{margin:40px auto 0; border-top:1px solid #66abff; padding-top:20px; font-size:14px; color:#fff; line-height:30px; text-align:center;}

/*右侧浮动*/
.y-kefu-box{position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box a{text-decoration:none;}
.y-kefu-box img{display: block; width: 100%; height: auto;}
.y-kefu-box01 .icon{display: block; background: url(../images/side.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01{width: 54px; color: #666; text-align: center;}
.y-kefu-box01 .kf-close-btn{width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before{content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1; background-color: #4096ff;}/*颜色更改*/
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div{display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status{position: relative;}
.y-kefu-box01 .show-status .kf-zixun{background-color: #4096ff; border-color: #4096ff; color: #fff; margin: 10px 0 7px;}/*颜色更改*/
.y-kefu-box01 .kf-zixun{border-radius: 2px;}
.y-kefu-box01 .kf-zixun i{width: 21px; height: 22px; background-position: -5px -5px;}
.y-kefu-box01 .kf-mobile{border-top-left-radius: 2px; border-top-right-radius: 2px;}
.y-kefu-box01 .kf-mobile>i{width: 18px; height: 18px; background-position: -5px -32px;}
.y-kefu-box01 .kf-mobile:hover>i{background-position: -30px -32px;}
.y-kefu-box01 .kf-weChat>i{width: 22px; height: 19px; background-position: -5px -55px;}
.y-kefu-box01 .kf-weChat:hover>i{background-position: -30px -55px;}
.y-kefu-box01 .kf-Qq>i{width:21px; height:22px; background-position: -30px -5px;}
.y-kefu-box01 .kf-qq>i{width:21px; height:22px; background-position: -30px -5px;}
.y-kefu-box01 .kf-Qq:hover>i,.y-kefu-box01 .kf-qq:hover>i{background-position: -5px -5px;}
.y-kefu-box01 .kf-email{border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
.y-kefu-box01 .kf-email>i{width: 18px; height: 14px; background-position: -5px -80px;}
.y-kefu-box01 .kf-email:hover>i{background-position: -30px -80px;}
.y-kefu-box01 .back-top i{width: 13px; height: 11px; background-position: -5px -98px;}
.y-kefu-box01 .back-top:hover i{background-position: -30px -98px;}
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top{border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top{margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover{background-color:#4096ff; border-color:#4096ff;}/*颜色更改*/
.y-kefu-box01 .hver:hover>p{color: #fff;}
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos{background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;}
/*电话*/
.y-kefu-box01 .mobile-infos{width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div{padding: 20px 0 20px 45px; position: relative;}
.y-kefu-box01 .mobile-infos>div i{width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom: solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#b9b9b9;}
.y-kefu-box01 .mobile-infos p{color: #4096ff; font-size: 18px;}/*颜色更改*/
.right{width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.right-arrow1,.right-arrow2{width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.right-arrow1{left: 1px; border-left: 6px #efefef solid;}
.right-arrow2{border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box{width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div{width: 151px; height: 178px;}
.y-kefu-box01 .y-ewm-box img{width: 94px; height: 94px; margin: 30px auto 10px;}
.y-kefu-box01 .y-ewm-box .y-ewm-img1{width: 150px; border-right: solid 1px #efefef;}
.y-kefu-box01 .y-ewm-box .right{top: 84px;}
/*邮箱*/
.y-kefu-box01 .y-email-infos{padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0;}
.y-kefu-box01 .y-email-infos p{color: #4096ff; font-size: 16px;}/*颜色更改*/
.y-kefu-box01 .y-email-infos>i{width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px;}
.y-kefu-box01 .y-email-infos .right{top: 55px;}
.y-kefu-box01 .hide-status{width: 54px; height: 65px; background-color:#4096ff;position: absolute; top: 37px; left: 55px; z-index: 9;}/*关闭后颜色*/
.y-kefu-box01 .hide-status .kf-zixun{padding: 10px 0 7px; color: #fff; cursor: pointer;}

/*首页代码 End*/

.ny_bn{width:100%; height:350px; margin:180px auto 0; position:relative; overflow:hidden;}
.ny_bn img{width:1920px; position:absolute; left:50%; top:0; margin-left:-960px;}

.dw{width:100%; float:left; border-bottom:1px solid #d6d6d6; padding-bottom:10px;}
.dw_tit{float:left; font-size:18px; color:#4096ff; font-weight:bold;}
.dw_wz{background:url(../images/home_tb.png) left center no-repeat; float:right; padding-left:30px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dw_wz span{color:#4096ff;}

.ny_main{width:1200px; margin:40px auto 60px;}
.ny_left{width:260px; float:left;}
.nyl_list{width:260px; float:left;}
.nyl_list h1{width:260px; height:60px; line-height:60px; padding:0 20px; float:left; overflow:hidden; background:#4096ff; font-size:14px; font-family:Arial; color:#fff; text-transform:uppercase; font-weight:normal;}
.nyl_list h1 a{display:block; font-size:20px; color:#fff; font-weight:bold;}
.nyl_list:after{content:""; display:block; position:relative; top:15px; right:-210px; width:32px; height:32px; background:url(../images/lb_tb.png) right center no-repeat;}
.sidebarMenu{width:100%; float:left; background:#fff; border:1px solid #eee; margin-bottom:20px;}
.sidebarMenu li{width:100%; float:left;} 
.sidebarMenu li a{height:50px;line-height:50px;background:url(../images/slide_li.png) no-repeat 230px center;display:block; padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #e9e9e9; font-size:16px;}
.sidebarMenu li a.cur,.sidebarMenu li a:hover{background:#4096ff url(../images/slide_lih.png) no-repeat 230px center;color:#fff}
.sidebarMenu li ul{font-size:12px;padding:0}
.sidebarMenu ul li{background:0 0;padding-top:0;}
.sidebarMenu li ul a{background:url(../images/ly_li.png) no-repeat 30px center;padding-left:45px;color:#666;height:36px;line-height:36px;font-size:14px;}
.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{background:url(../images/ly_li.png) no-repeat 30px center;color:#4096ff;padding-left:45px}
.leftPhone{width:100%; float:left; background:url(../images/left_phone.jpg);color:#fff;padding-left:20px;text-align:left;font-size:16px;padding-top:20px;height:96px;line-height:30px;margin-bottom:15px}
.leftPhone span{display:block; font-size:28px;font-family:Arial; letter-spacing:2px;font-weight:700;}

.ny_right{width:900px; float:right; background:#fff; border:1px solid #d6d6d6; padding:20px;}
.nyr_text{width:100%; float:left; margin-top:30px; line-height:30px; font-size:14px;}

.honor_r_img{width:100%; float:left;}
.honor_r_img li{width:32%; float:left; margin:30px 2% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li:nth-child(3n){margin-right:0;}
.honor_r_img li .pImg{display:block; width:245px; height:180px; padding:4px; border:1px solid #e3e3e3; background:#fff; display:table-cell; vertical-align:middle;}
.honor_r_img li img{width:100%; vertical-align:middle}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#4096ff; transition:all .5s}
.honor_r_img li span{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:40px 0 20px;}
.pagination a,.pagination span{display:inline-block; padding:0 16px; line-height:40px; font-size:14px; border:1px solid #e5e5e5; margin:0 5px;}
.pagination .active span,.pagination a:hover{color:#fff; border-color:#4096ff; background:#4096ff;}
.pagination li {display: inline-block;}

/** 关于台佑代码 End **/

.pro_img{width:100%; float:left;}
.pro_img li{width:31%;float:left; overflow:hidden; margin:30px 3.5% 0 0;}
.pro_img li:nth-child(3n){margin-right:0;}
.pro_img li .protp{width:100%; height:0; padding-bottom:80%; overflow:hidden; position:relative;}
.pro_img li .protp a::before{content:''; width:700px; height:700px; position:absolute; top:-50%; border-radius:50%; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index:0; left:-40%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pro_img li .protp a::after{content:'';background: url(../images/in_pro_tb.png) no-repeat center;background-size: auto auto;position: absolute;width: 100%;height:100%;left: 0;top: 0;background-size: 0px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.pro_img li:hover .protp a::before{box-shadow:0px 0px 0px 50rem rgba(0,0,0,0.5) inset;-webkit-box-shadow:0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
.pro_img li:hover .protp a::after{background-size:50px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pro_img li .protp img{width:100%;}
.pro_img li .prowz{width:100%; float:left;}
.pro_img li .prowz a{display:block; height:60px; border-bottom:1px solid #ececec; background:url(../images/in_pro_tb2.png) no-repeat right; text-align:left; font-size:18px; line-height:60px; transition:all .3s ease-in-out; color:#000;}
.pro_img li:hover .prowz a{background:#4096ff url(../images/in_pro_tb2h.png) 95% no-repeat; color:#fff; padding:0 20px;}

.products{width:100%; float:left; margin-top:30px;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:8px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:64px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:45px;}
.spec-scroll .items ul li img:hover{border:2px solid #4096ff; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top h1{overflow:hidden; display:inline-block; font-size:30px; color:#4096ff; padding-bottom:10px;}
.proleft{width:100%;float:left; font-size:14px; line-height:30px; margin-top:20px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#4096ff; color:#fff;}

.tabs-basic{width:100%; margin-top:20px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px;}
.tabs-basic .tab-active{border-bottom:2px solid #4096ff; color:#fff; background:#4096ff;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; background:#f1f1f1; color:#4096ff; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; border-left:3px solid #4096ff;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #4096ff;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

/** 产品中心代码 End **/


.news_text{width:100%; float:left;}
.news_text dl{display:block; width:100%; float:left; margin-top:30px; border-bottom:1px solid #e6e6e6; padding-bottom:30px;}
.news_text dl:nth-child(5n){margin-bottom:0;}

.com-img{width:100%; overflow:hidden;}
.com-img img{width:100%; display:block; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}

.news_text dl dt{width:25%; float:left;} 
.news_text dl dd{width:72%; float:right;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:30px; font-size:20px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl dd .left h3 a{color:#000;}
.news_text dl dd .left h3 a:hover{color:#4096ff;}
.news_text dl dd .left .con{font-size:14px; line-height:24px; height:70px; overflow:hidden; margin-top:5px;}
.news_text dl dd .right2{width:15%; float:right;} 
.news_text dl dd .right2 p{width:100%; float:left; text-align:center; font-size:16px; padding:10px 0; font-family:Arial; border:1px solid #e6e6e6;}
.news_text dl dd .right2 p:nth-child(1){font-size:50px; position:relative; font-weight:bold; line-height:50px; border-bottom:none;}
.news_text dl dd a.more{width:140px; height:34px; line-height:32px; border:1px solid #d6d6d6; display:inline-block; text-align:center; margin-top:15px; font-size:14px; transition:all .3s;}
.news_text dl dd a:hover.more{background:#4096ff; color:#fff; border:1px solid #4096ff; width:180px;}

.new-view-title{width:100%; float:left; text-align:center; padding-bottom:20px; border-bottom:1px solid #e6e6e6; margin-top:30px;}
.new-view-title h1{line-height:30px; font-size:24px; font-weight:bold; color:#4096ff;}
.new-view-wz{width:100%; float:left; margin-top:10px; text-align:center; line-height:30px; font-size:14px; color:#999;}

.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:14px;}

.view-page{width:100%; float:left; position:relative; margin:40px 0; border-top:1px solid #d6d6d6; padding-top:30px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:160px; height:40px; line-height:40px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../images/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6;}
.view-page .prev:hover a{color:#fff; background:url(../images/le-white.png) 20px center no-repeat #4096ff;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../images/back.png) 20px center no-repeat #4096ff;color: #fff; text-align:center; padding-left:25px;}
.view-page .back a:hover{background:url(../images/back.png) 20px center no-repeat #0073ff; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../images/ri.png) 90% center no-repeat;text-align:center; border:1px solid #e6e6e6;}
.view-page .next:hover a{color:#fff; background:url(../images/ri-white.png) 90% center no-repeat #4096ff;}

.new_s2{width:100%;float:left; margin:40px 0 20px 0;}
.news_random2{width:100%;float:left; background:#fff; border:1px solid #d6d6d6; padding:10px 20px; border-top:none;}
.news_random2 ul li{width:48%; float:left; font-size:14px; line-height:36px; overflow:hidden; margin-right:4%; border-bottom:1px dashed #e6e6e6;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{width:74%; float:left; background:url(../images/ly_li.png) no-repeat left center; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_random2 ul li a:hover{color:#4096ff;}
.news_random2 ul li span{float:right; color:#999;}

/** 新闻中心代码 End **/

.hzhb_title{width:100%; float:left; text-align:center;}
.hzhb_title h1{line-height:30px; font-size:24px; font-weight:bold; color:#4096ff;}
.hzhb_title_wz{width:100%; float:left; text-align:center; line-height:30px; font-size:16px; color:#666;}

.jobctit{background:#f3f3f3;height:60px;line-height:60px;font-size:16px;color:#333;}
.jobctit span{display:inline-block;width:18%;text-align:center;}
.job-content{width:100%; float:left; margin-top:30px;}
.job-content dl dt{height:60px;line-height:60px;cursor:pointer;border-bottom:1px solid #e6e6e6; font-size:14px; display:block;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{float:left;width:18.3%;text-align:center;color:#666;}
.job-content span.job_post{text-align:left;padding-left:25px;}
.job-content dl dd{background:#f3f3f3;padding:25px;line-height:28px; font-size:14px;}
.job-content dl dd p{color:#666;}
.job-content dl dd a.job-apply{background:#4096ff;display:block;width:140px;height:42px;line-height:42px;text-align:center;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;color:#fff;margin-top:20px;}

/**加入我们代码 End**/


.message{width:100%; float:left; margin-top:30px;}
.message h2{text-align:center; color:#333; font-size:24px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li:nth-child(7){float:right;}
.message ol li input{width:100%; height:50px;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:180px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;}
.message ol li .btn{background:#4096ff;}
.message ol li .btn2{background:#999; color:#fff;}

/**客户留言代码 End**/

.cont_text{width:100%; float:left; border-bottom:1px solid #d6d6d6; padding-bottom:30px; margin-top:30px;}
.cont_l{width:70%;float:left; line-height:30px; font-size:14px;}
.cont_l h1{font-size:22px; font-weight:bold; color:#4096ff;}
.cont_r{float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:40px;}

/**联系我们代码 End**/